<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>信息列表</title>
		<script src="../js/vue.js"></script>
		<script src="../js/axios.min.js"></script>
		<script src="../js/elementui.js"></script>
		<script src="../layui/layui.js"></script>
		<script src="../js/jquery3.5.1.js"></script>
		<link href="../layui/css/layui.css" rel="stylesheet">
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../css/recover.css" />
	</head>
	<body>
		<div id="app">
			<div id="listbox">
				<!--消息列表-->
				<div class="listuser">
					<img class="user" src="../img/userimg2.png" width="60px" height="60px"/>
					<div class="messagetitle"><strong>兔兔子</strong>&nbsp;&nbsp;<span class="titlespan"><a href="#">对我的视频发表了评论</a></span>
					<div class="titlespan" style="color: white;margin-top: 6px;">哇去！你是本人吗</div>
					<div class="titletime">2025年02月11日 14:20
					<span>&nbsp; 
					<i @click="recover" class="layui-icon layui-icon-reply-fill" style="font-size: 12px; color:#cccccf;">回复</i>  &nbsp;
					<i class="layui-icon layui-icon-praise" style="font-size: 12px; color:#cccccf;">点赞</i></span>
					</div>
					</div>
					<div class="content">
						<img src="../img/好磕！.jpg"/>
					</div>
					<div v-show="recovershow" class="recover">
						<img class="recoveruser" src="../img/默认头像.png" width="60px" height="60px"/>
						<textarea placeholder="请自觉遵守互联网相关政策,严禁发布色情,暴力,反动的言论" class="recoverinput"></textarea>
						<button class="sendreview">发表评论</button>
					</div>
					
				</div>
				<div class="listuser">
					<img class="user" src="../img/userimg2.png" width="60px" height="60px"/>
					<div class="messagetitle"><strong>兔兔子</strong>&nbsp;&nbsp;<span class="titlespan"><a href="#">回复了我的评论</a></span>
					<div class="titlespan" style="color: white;margin-top: 6px;">我是你的超级粉丝！！</div>
					<div class="titletime">2025年02月11日 15:20
					<span>&nbsp; 
					<i class="layui-icon layui-icon-reply-fill" style="font-size: 12px; color:#cccccf;">回复</i>  &nbsp;
					<i class="layui-icon layui-icon-praise" style="font-size: 12px; color:#FF1493;">已赞</i></span>
					</div>
					</div>
					<div class="content">
						是的，我是本人。
					</div>
				</div>
			</div>
		</div>
	</body>
	<script>
		new Vue({
			el:"#app",
			data:{
				recovershow:false
			},methods:{
				recover(){
					if(this.recovershow){
						this.recovershow=false;
					}else{
						this.recovershow=true;
					}
				}
			}
		})
	</script>
</html>
